@charset "utf-8";
/**
 * name:        购物车
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

.cart_bg{width: 1190px; height: auto; overflow: hidden; margin: 30px auto 0 auto;}
.cart_tit{ width: 100%; border-bottom: #cccccc solid 1px; height: 85px;position: relative;}
.cart_tit ul{ width: 516px; margin: auto; overflow: hidden;position: absolute;top: 0;left: 50%;margin-left: -258px;z-index: 2;}
.cart_tit li{ text-align: center; line-height: 85px; float: left; font-size: 16px; color: #999999; padding: 0;}
.cart_tit li em{ display: inline-block;width: 22px; height: 22px; background: #ccc; border-radius: 50%; line-height: 22px; font-size: 14px; color: #fff; text-align: center; margin-right: 12px; vertical-align: 1px;}
.cart_tit li.active{ color: #333333; font-weight: 600;}
.cart_tit li.active em{ background: #f10215;}
.cart_tit li.active_01{ color: #333333; font-weight: 600;}
.cart_tit li.active_01 em{ background: #3bcf81;}
.cart_tit .jindu{width: 240px;height: 10px;background: url(../../img/base/icon_16.png) center center no-repeat;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -5px;margin-left: -120px;}
.cart_num{font-size: 16px;color: #666; line-height: 30px; margin-top: 70px; margin-bottom: 4px;}
.cart_num em, .cart_num i{color: #333;}
.cart_list , .dl_h{width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}

.cart_list dt{ width: 1188px; background: #f2f2f2; height: 36px; line-height: 36px; overflow: hidden; border:#f2f2f2 solid 1px;}
.cart_list  li , .dl_h  li{ float: left; font-size: 14px;color: #666666; text-align: center;position: relative;}
.cart_list  li.one, .dl_h  li.one{width: 68px;}
.cart_list  li.two , .dl_h  li.two{width: 390px;}
.cart_list  li.three, .dl_h  li.three{width: 166px;}
.cart_list  li.four , .dl_h  li.four{width: 144px;}
.cart_list  li.five , .dl_h  li.five{width: 140px;}
.cart_list  li.six , .dl_h  li.six{width: 140px;}
.cart_list  li.seven, .dl_h  li.seven{ width: 140px}
#clearing  li.one{width: 68px;}
#clearing  li.two{width: 400px;}
#clearing  li.three{width: 166px;}
#clearing  li.four{width: 144px;}
#clearing  li.five{width: 140px;}
#clearing  li.six{width: 140px;}
#clearing  li.seven{ width: 140px}
.cart_list  li input[type='checkbox'], .dl_h  li input[type='checkbox']{ display: inline-block; vertical-align: -2px; margin-right: 4px;}
.cart_list dd, .dl_h dd{width: 1188px; margin-top: 20px; height: auto; overflow: hidden; border: #e5e5e5 solid 1px;}
.cart_img{ width: 80px; height: 80px; margin-left: 40px; overflow: hidden; background: #f5f5f5; margin-right: 10px; position: relative;}
.cart_img img{width: 100%;}
.cart_text{ text-align: left; font-size: 12px; color: #033333; line-height: 24px; margin: 2px 0; padding-right: 50px;height: 48px; overflow: hidden;}
.speci{ text-align: left; font-size: 12px; color: #666; line-height: 24px;}    
.speci em{margin-right: 10px;} 
.cart_list dd li, .dl_h dd li{ padding: 10px 0; min-height: 80px; line-height: 80px; font-size: 12px; color: #666666;} 
.cart_list dd  li::before , .dl_h dd  li::before{position: absolute; z-index: 1; content: '';right: 0;top: 10%; width: 1px; height: 80%; background: #f0f0f0;}
.cart_list dd li .jian, .cart_list dd li .jia , .dl_h dd li .jian, .dl_h dd li .jia{ border: #e5e5e5 solid 1px; background: #f2f2f2; float: left; width: 20px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #666; cursor: pointer;}
.cart_list dd li .text , .dl_h dd li .text{width: 40px; height: 40px; font-size: 12px; float: left; color: #666; text-align: center; line-height: 40px; border-top:#e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; border-right: 0; border-left: 0;}
.sum_bg{ width: 84px; height: 42px; overflow: hidden; margin:19px auto;}
.cart_list dd  li.five , .dl_h dd  li.five{font-weight: 600;color: #f10215;}
.cart_list  li.one::before , .dl_h  li.one::before{width: 0;}
.cart_list  li.six::before , .dl_h  li.six::before{width: 0;}
.cart_list  li.six input , .dl_h  li.six input{ display: block; width: 100%; height:80px; font-size: 12px; color: #666; background: none; border:0; cursor: pointer;}
.cart_list  li.six input:hover , .dl_h  li.six input:hover{ color: #f10215;}
.cart_list  li.one em , .dl_h  li.one em{opacity: 0;}
.cart_list dd li.one, .dl_h dd li.one { line-height: 20px;}
.cart_list dd li.one input , .dl_h dd li.one input{ margin-left: -1px;}
.clearing{width: 1188px; height: 50px;font-size:14px; color:#666666;border: #e5e5e5 solid 1px;margin-top: 30px; line-height: 50px;}
.clearing input[type='checkbox']{ display: inline-block; vertical-align: -2px; margin-left: 14px; margin-right:4px;}
.clearing a{ margin-left: 20px; cursor: pointer;}
.clearing .fr em{ color: #f10215}
.clearing .fr i{ font-size: 16px; font-weight: 600; color:#f10215 }
.clearing .fr .fl{ margin-right: 20px}
.clearing .fr input[type='submit']{ width: 100px; height: 51px; background:#f10215; color: #fff; font-size: 14px; border:#f10215 solid 1px; cursor: pointer  }
/* 结算页 */
.site_list{width: 1188px; height:auto; padding-bottom: 20px; overflow: hidden; border:#f0f0f0 solid 1px; border-radius: 2px; margin-top: 60px;}
.site_list p ,.site_list h2 ,.site_list a{ margin-left: 20px;}
.site_list h2{ font-size: 16px; color: #333; line-height: 60px;}
.site_list p{font-size: 14px;color: #666; line-height: 30px;}
.site_list a{width: 160px; height: 36px; background: #3385ff; font-size: 15px; color: #ffffff; display: block; line-height: 36px; border-radius: 4px; text-align: center; margin-top: 20px; cursor: pointer;}
.site_bg dl{ width: 330px; float: left;margin-left: 121px;}
.site_bg dt{font-size: 18px;color: #fff; line-height: 90px; text-align: center; font-weight: 600;margin-bottom: 30px;} 
.site_bg dd{ overflow: hidden; margin-bottom: 20px;}
.site_bg dd em{ width: 60px; text-align: right; margin-right:20px;font-size: 12px; color: #666666; display: block; float: left;line-height: 30px;}
.site_bg dd input[type='text']{  line-height: 30px; font-size: 14px; color: #666; width:230px; height: 30px; border: #cccccc solid 1px; padding-left: 10px;}
.site_bg dd textarea{width: 220px; height: 60px; min-height: 60px; max-height: 60px; min-width: 160px; max-width: 260px; border:#cccccc solid 1px; font-size: 14px; line-height: 20px;padding: 0 10px;resize: none;}
.site_bg dd select{margin-right: 10px; height: 30px; line-height: 30px; border: #ccc solid 1px;width: 74px;}
.site_bg dd select:last-child{margin-right: 0px;}
.site_bg dd input[type='checkbox']{ display: inline-block; vertical-align: -2px; margin-right: 4px; margin-left: 80px;}
.site_bg dd input[type='submit']{font-size:16px;width: 100px; height: 36px; background: #3385ff; color: #ffffff; border-radius: 4px; border: #3385ff solid 1px; margin-left: 80px; cursor: pointer;}
.site_from{ width: 1188px; height: auto; overflow: hidden; border: #f0f0f0 solid 1px; padding-bottom: 20px; margin-top:-1px }
.remark{line-height: 34px; font-size: 14px; color: #666; width:630px; height: 34px; border: #e5e5e5 solid 1px; padding-left: 10px; border-radius: 3px; margin-top:10px;}
.add_up{ width: 100%; height: auto; overflow: hidden;}
.add_up li{ text-align: right; overflow: hidden;margin-bottom: 10px; line-height: 22px; padding-right: 28px}
.add_up li em{ display: inline-block; width: 90px; font-size: 12px;color: #666666; text-align: right;}
.add_up li span{ display: block;/*width: 228px;*/font-size: 12px; color: #333333; height: auto; overflow: hidden; float: right;padding: 0;}
.add_up li span input{ width: 220px; height: 20px; border: #cccccc solid 1px; font-size: 14px; color: #666; padding-left: 6px;}
.add_up li  a{ cursor: pointer; display: inline-block; margin-left: 10px; padding: 4px; border-radius: 4px; border: #e5e5e5 solid 1px;}
.add_up li  a.active{border: #f10215 dashed 1px;}
.add_up li.last span{font-size: 12px; color: #f10215; width: auto}
.add_up li.pay_bg em{ line-height: 37px;}
.pay_speci{ width: 100%; height: auto; background: #f2f2f2; padding: 10px 0;}
.pay_speci li{ text-align: right; font-size: 12px; color: #666666; padding-right: 28px; line-height: 30px;}
.pay_speci li i{ font-size: 18px; color: #f10215; font-weight: 600;}
.pay_ok{ overflow: hidden; margin-top: 20px; margin-bottom: 30px;height: 55px;}
.pay_ok input{ width: 120px; height: 44px; font-size: 16px; font-weight: 600; color: #fff; border: none; border-radius: 4px; cursor: pointer;
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(241,2,21,.25);}
.pay input{ width: 120px; height: 44px; font-size: 16px; font-weight: 600; color: #fff; border: none; border-radius: 4px; cursor: pointer;
    background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */   
    box-shadow: 0 4px 10px rgba(241,2,21,.25);}
.pay_ok input:hover, .pay input:hover{background: #DA0214}
.pay_ok a:hover{background: #f5f5f5;}
.pay_ok a{ width: 120px; height: 42px; background: #fff; cursor: pointer; font-size: 16px; color: #999999; border: #ededed solid 1px; border-radius: 4px; text-align: center; line-height: 44px; margin-right: 20px;}
.site_list h2 em{font-size: 16px; color: #006699; cursor: pointer; margin-right: 20px;}
.site_list ul li{ float: left; margin: 0 8px 8px 8px; width: 278px; height: 132px; border: #e5e5e5 solid 1px;}
.site_list ul li p{ overflow: hidden; margin: 0;padding: 0 10px;}
.site_list ul li p.bor_b{ font-size: 12px; color: #999; height: 55px; line-height: 24px; margin: 0; border-bottom: #f0f0f0 solid 1px;border-top: #f0f0f0 solid 1px; overflow: hidden; padding-top: 7px;}
.site_list ul li p.name_lin{ line-height: 34px; padding: 0 10px;}
.site_list ul li p.name_title{ font-size: 14px; color: #333;}
.site_list ul li p.name_foot .fl{ font-size: 12px; color: #006699; cursor: pointer;}
.site_list ul li p.name_foot .fr em{ font-size: 12px; color: #333; cursor: pointer; margin-left: 10px;}
.site_list ul li p.name_foot .fr em:hover{color: #DA0214;}
.site_list ul li p.name_foot .fl:hover{color: #62C3E6;}
.site_list ul li.active{border: 2px dashed #f10215;width: 276px;height: 130px;}
/* 支付完成 */
.complete_tip{width: 100%;height: auto;margin: 30px auto;}
.complete_tip img{display: block;width: 245px;height: 101px;margin: 0 auto;}
.complete{ width: 100%; height: auto; background: #f2f2f2; padding: 7px 0; margin: 30px 0;}
.complete_title{text-align: center; font-size: 18px; color: #333333;line-height: 30px;font-weight: normal;}
.complete_price{ margin-top: 10px; font-size: 14px;color: #333333; text-align: center;line-height: 30px;}
.complete_price em{color: #DA0214;}
.sharing_tit{line-height: 30px; width: 410px; margin: auto; text-align: center; font-size: 14px; color: #666666; position: relative;}
.sharing_tit em{ background: #f2f2f2; position: relative; padding: 0 10px; z-index: 2;}
.sharing_tit::before{position: absolute; z-index: 1; content: ''; width: 100%; height: 1px; background: #c8c8c8;top: 50%; left: 0;}
.sharing{width: 90%; margin: auto; border-bottom: #dbdbdb solid 1px; overflow: hidden;}
.sharing ul{width: 410px; margin: auto; padding: 30px 0; overflow: hidden}
.sharing li{ width: 25%; float: left; text-align: center;}
.complete_text{ text-align: center; line-height: 40px; padding: 10px 0;}
.complete_text p{ font-size: 14px; color: #666666;}
.complete_text p a{ color: #006699; margin-right: 14px;}
.complete_text em{ font-size: 14px; color: #f10215;}
/* 删除购物车提示 */
.confirm{ width: 360px; height: 110px; position: fixed; z-index: 3; top: 50%; margin-top: -56px; left: 50%; margin-left: -181px; background: #fff; border:#e5e5e5 solid 1px; border-radius: 4px; animation:myfirst3 0.2s;}
@keyframes myfirst3
{
0% {transform: scale(0);}
100% {transform: scale(1);}
}
.confirm h1{ text-align: center; font-size: 16px; color: #333; line-height: 60px;}
.confirm span{ width: 100px; height: 36px; background: #eee; font-size: 12px; color: #333; line-height: 36px; text-align: center; border-radius: 4px; cursor: pointer;}
.confirm .fl{ margin-left: 50px;}
.confirm .fr{ margin-right: 50px;}
.cancel_butt:hover{ background: #e5e5e5;}
.confirm .confirm_butt{background:#fd3c3c; color: #fff;}
.confirm .confirm_butt:hover{background: #ee2828}
.confirm_bg{ width: 100%; height: 100%; position: fixed; z-index: 2; background: rgba(0,0,0,0.4); top: 0;}
.favorites_status{width: 80px; height: 80px; background: url(../../img/base/favorites_status.png) center center no-repeat; position: absolute; background-size: 100%; top: 0; left: 0;}
.crowdfunding_goods{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 20px 40px}
.crowdfunding_goods h2{font-size: 16px;
    color: #333;
    line-height: 60px; position: relative; padding-left: 12px;}
    .crowdfunding_goods h2::before{position: absolute; z-index: 2; width: 3px; height: 30%; top: 35%; left: 0; background: #f10215; content: '';}
    .crowdfunding_goods ul{ overflow: hidden; padding-bottom: 20px; box-sizing: border-box; padding: 0 14px 20px 14px;}
.cro_img{width: 64px; height: 64px; background: #ccc; float: left; overflow: hidden; margin-right: 14px;}
.cro_img img{width: 100%;}
.cro_title{font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px}
.cro_name{font-size: 14px; color: #999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 20px; margin: 4px 0}
.cro_mo{font-size: 14px;line-height: 20px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.cro_mo span:last-child{ color: #f10215}
.cro_mo span{margin-right:20px}
.crowdfunding_goods dl{ padding: 20px 60px; box-sizing: border-box; overflow: hidden;}
.crowdfunding_goods dd{ width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #666; line-height: 36px;}
.crowdfunding_goods dd span{ display: block; width: 104px; float: left; text-align: right; font-size: 14px; color: #666; line-height: 36px; margin-right: 14px;}
.crowdfunding_goods dd em{display: block; width: 100%; text-align: left; line-height: 36px;}
.crowdfunding_goods dd em input[type='radio']{vertical-align: -2px; display: inline-block}
.crowdfunding_goods dd em input[type='text']{ width: 140px; height: 22px; padding-left: 10px; line-height: 32px; border:#e5e5e5 solid 1px; margin-left: 20px;opacity: 0;}
.cart_b{width: 1190px; height: auto; overflow: hidden; background: url(../../img/base/pay_bg.png) no-repeat 668px center #fff; margin: auto;}


